<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 200px;
				height: 200px;
				/*background: blue;*/
				/*
				 border:表示边框属性
				 第一个参数：表示边框的大小，大小是1个像素
				 第二个参数：表示使用边框的线条，实线,在前端里面一共只有四种线
				  solid:表示实心的线条绘制
				 dotted：表示点线绘制边框
				 dashed：表示虚线绘制边框
				 double :表示双线
				 第三个参数：表示绘制边框的颜色
				 * */
				/*border: 10px double red;*/
				/*
				 边框属性需要注意：所有的边框可以分开写
				 * */
				/*
				border-top 表示上边框
				border-bottom：表示下边框
				border-left::表示左边框
				border-right:表示右边框
				 * */
				border-top: 5px solid red;
				border-bottom: 5px dotted blue;
				border-left: 5px dashed yellow;
				border-right: 5px solid green;
			}
		</style>
	</head>
	<body>
		<div>
			黑马程序员
		</div>
	</body>
</html>
